<template>
	<div class="card">
		<header class="wrapper">
			<h1>基于Web端的车辆信息可视化管理系统</h1>
		</header>
		<!-- 技术栈介绍部分 -->
		<section class="introduce wrapper">
			<ul>
				<li>
					<div>
						<a href="https://www.tslang.cn/docs/release-notes/typescript-3.1.html">
							<img src="https://static001.geekbang.org/infoq/a9/a9f81b3b24d5f5d86826908213c1ca02.png" alt="TypeScript" />
						</a>
					</div>
					<h3>TypeScript</h3>
					<br />
					<p>&nbsp;&nbsp;TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。</p>
					<p>&nbsp;&nbsp;TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。</p>
				</li>
				<li>
					<div>
						<a href="https://cn.vuejs.org/">
							<img src="https://pic1.zhimg.com/v2-c1a1b9d9b1604e30c9d594185e2a8046_1440w.jpg?source=172ae18b" alt="Vue3" />
						</a>
					</div>
					<h3>Vue</h3>
					<br />
					<p>&nbsp;&nbsp;Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。</p>
					<p>
						&nbsp;&nbsp;它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。
					</p>
				</li>
				<li>
					<div>
						<a href="https://nodejs.org/zh-cn/">
							<img src="https://sslstatic.ktanx.com/images/release/201522/NDinsWo26SdDxA6t.JPG" alt="NodeJS" />
						</a>
					</div>
					<h3>NodeJS</h3>
					<br />
					<p>
						&nbsp;&nbsp;是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台。
					</p>
					<p>&nbsp;&nbsp;Node.js对一些特殊用例进行优化，提供替代的API，用于方便地搭建响应速度快、易于扩展的网络应用。</p>
				</li>
				<li>
					<div>
						<a href="https://www.mysql.com/">
							<img src="https://dbaplus.cn/uploadfile/2016/1019/20161019055927167.gif" alt="MySQL" />
						</a>
					</div>
					<h3>MySQL</h3>
					<br />
					<p>&nbsp;&nbsp;MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，这样就增加了速度并提高了灵活性。</p>
					<p>
						&nbsp;&nbsp;MySQL由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型和大型网站都选择MySQL作为网站数据库。
					</p>
				</li>
			</ul>
		</section>
	</div>
</template>

<script setup lang="ts" name="home"></script>

<style scoped lang="scss">
@import "./index.scss";
</style>
